@charset "utf-8";
/* CSS Document */

/* 区域：
** color|文字颜色定义|命名以 [c] 开头
** star-time|20131030
** end -time|
** 颜色值码定义【000000 - 111111 - 222222 - 333333 - 444444 -NNNNNN】
** 后面可根据颜色值相应增加
*/
.c-800000 { color:#800000 ;}/*maroon*/
.c-8B0000 { color:#8B0000 ;}/*darkred */
.c-FF0000 { color:#FF0000 ;}/*red */
.c-999999 { color:#999999; }
.c-666666 { color:#666666; }
.c-333333 { color:#333333; }
.c-000000 { color:#000000 ;}
.c-3399ff { color:#3399ff ;}
.c-FFFFFF { color:#FFFFFF ;}
.c-30c0a7 { color:#30c0a7 ;}
.c-f24a66 { color:#f24a66 ;}
.c-CCCCCC { color:#CCCCCC ;}
.c-FF7201 { color:#FF7201 ;}
.c-FF3300 { color:#FF3300 ;}
.c-30c0a7 a{ color:#30c0a7;}
.c-00cccc { color:#00cccc ;}
.c-ff6600 { color:#ff6600 ;}
.c-ff7700 { color:#ff7700 ;}
.c-52a1fa { color:#52a1fa ;}
.c-ff7a4d { color:#ff7a4d ;}
.c-3b9eeb { color:#3b9eeb ;}
.c-ff5215 { color:#ff5215 ;}
.c-fe4f4f { color:#fe4f4f ;}

/* 区域：
** background|背景颜色定义|命名以 [b] 开头
** star-time|20131030
** end -time|
** 颜色值码定义【000000 - 111111 - 222222 - 333333 - 444444 -NNNNNN】
** 后面可根据颜色值相应增加
*/
.b-800000 { background:#800000 ;}/*maroon*/
.b-8B0000 { background:#8B0000 ;}/*darkred */
.b-FF0000 { background:#FF0000 ;}/*red */

.b-000000 { background:#000000 ;}
.b-FFFFFF { background:#FFFFFF ;}
.b-F4F4F4 { background:#F4F4F4 ;}
.b-F5F5F5 { background:#F5F5F5 ;}
.b-FAFAFA { background:#FAFAFA ;}
.b-3399ff { background:#3399ff ;}
.b-CCCCCC { background:#CCCCCC ;}
.b-DDDDDD { background:#DDDDDD ;}
.b-EEEEEE { background:#EEEEEE ;}
.b-FF6600 { background:#FF6600 ;}
.b-30c0a7 { background:#30c0a7 ;}
.b-fffcf3 { background:#fffcf3 ;}

/* 区域：
** 边框定义|宽度定义
** star-time|20131030
** end -time|
*/
.line-all   { border: 1px solid #ebebeb;}
.line-left  { border-left: 1px solid #ebebeb; }
.line-top   { border-top:1px solid #ebebeb;   }
.line-right { border-right: 1px solid #ebebeb }
.line-bottom{ border-bottom:1px solid #ebebeb;}

.la-ffcc66{ border:1px solid #ffcc66;}
.la-aaaaaa{ border:1px solid #aaaaaa;}
.la-bbbbbb{ border:1px solid #bbbbbb;}
.la-cccccc{ border:1px solid #cccccc;}
.la-dddddd{ border:1px solid #dddddd;}
.la-eeeeee{ border:1px solid #eeeeee;}

/* 区域：
** margin|外边距定义|命名以 [m] 开头
** margin-top|margin-bottom|margin-left|margin-right|
** star-time|20131030
** end -time|
** 外边距定义【间隔5个像素：0-5-10-15-20-N】
** 后面可根据数值大小相应增加
*/
/*外边距四角*/
.m0auto{  margin:0 auto;}
.m0  { margin: 0px; }
.m5  { margin: 5px; }
.m10 { margin:10px; }
.m15 { margin:15px; }
.m20 { margin:20px; }
/*外边距-上*/
.m-t5  { margin-top: 5px; }
.m-t8  { margin-top: 8px; }
.m-t10 { margin-top:10px; }
.m-t15 { margin-top:15px; }
.m-t20 { margin-top:20px; }
.m-t30 { margin-top:30px; }
.m-t35 { margin-top:35px; }
.m-t40 { margin-top:40px; }
/*外边距-下*/
.m-b5  { margin-bottom: 5px; }
.m-b10 { margin-bottom:10px; }
.m-b15 { margin-bottom:15px; }
.m-b20 { margin-bottom:20px; }
.m-b30 { margin-bottom:30px; }
.m-b40 { margin-bottom:40px; }
/*外边距-左*/
.m-l5  { margin-left: 5px; }
.m-l8  { margin-left: 8px; }
.m-l10 { margin-left:10px; }
.m-l15 { margin-left:15px; }
.m-l20 { margin-left:20px; }
/*外边距-右*/
.m-r5  { margin-right: 5px; }
.m-r8  { margin-right: 8px; }
.m-r10 { margin-right:10px; }
.m-r15 { margin-right:15px; }
.m-r15 { margin-right:15px; }
.m-r20 { margin-right:20px; }

/*外边距-左右*/
.m-lr10{ margin:0px 10px;}
.m-lr20{ margin:0px 20px;}
/*外边距-上下*/
.m-tb10{ margin:10px 0px;}
.m-tb15{ margin:15px 0px;}
.m-tb20{ margin:20px 0px;}

/* 区域：
** padding|内边距定义|命名以 [p] 开头
** padding-top|padding-bottom|padding-left|padding-right|
** star-time|20131030
** end -time|
** 内边距定义【间隔5个像素：0-5-10-15-20-N】
** 后面可根据数值大小相应增加
*/
/*内边距四角*/
.p0  { padding: 0px; }
.p2  { padding: 2px; }
.p5  { padding: 5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p30 { padding:30px; }
/*内边距-上*/
.p-t5  { padding-top: 5px; }
.p-t10 { padding-top:10px; }
.p-t15 { padding-top:15px; }
.p-t20 { padding-top:20px; }
.p-t25 { padding-top:25px; }
.p-t30 { padding-top:30px; }
.p-t35 { padding-top:35px; }
.p-t40 { padding-top:40px; }
/*内边距-下*/
.p-b5  { padding-bottom: 5px; }
.p-b10 { padding-bottom:10px; }
.p-b15 { padding-bottom:15px; }
.p-b20 { padding-bottom:20px; }
/*内边距-左*/
.p-l5  { padding-left: 5px; }
.p-l10 { padding-left:10px; }
.p-l15 { padding-left:15px; }
.p-l20 { padding-left:20px; }
.p-l50 { padding-left:50px; }
/*内边距-右*/
.p-r5  { padding-right: 5px; }
.p-r10 { padding-right:10px; }
.p-r15 { padding-right:15px; }
.p-r20 { padding-right:20px; }

/*内边距-左右*/
.p-lr2 { padding:0px 2px; }
.p-lr5{ padding:0px 5px;}
.p-lr10{ padding:0px 10px;}
.p-lr15{ padding:0px 15px;}
.p-lr20{ padding:0px 20px;}
.p-lr30{ padding:0px 30px;}
.p-lr50{ padding:0px 50px;}
/*内边距-上下*/
.p-tb10{ padding:10px 0px;}
.p-tb15{ padding:15px 0px;}
.p-tb20{ padding:20px 0px;}
.p-tb30{ padding:30px 0px;}
.p-tb40{ padding:40px 0px;}

/* 区域：
** 宽度定义
** star-time|20131030
** end -time|
** xxl > xl > l > m > s > xs > N
*/
.w10{ width:10px; }
.w15{ width:15px; }
.w20{ width:20px; }
.w25{ width:25px; }
.w30{ width:30px; }
.w35{ width:35px; }
.w40{ width:40px; }
.w45{ width:45px; }
.w70{ width:70px; }
.w120{ width:120px; }
.w125{ width:125px; }
.w150{ width:150px; }
.w172{ width:172px; }
.w180{ width:180px; }
.w240{ width:240px; }

.w5w{ width:50%; }

.h10{ height:10px; line-height:10px;}
.h15{ height:15px; line-height:15px;}
.h20{ height:20px; line-height:20px;}
.h25{ height:25px; line-height:25px;}
.h30{ height:30px; line-height:30px;}
.h40{ height:40px; line-height:40px;}
.h60{ height:60px; line-height:60px;}
.h80{ height:80px; line-height:80px;}

/* 区域：
** 定义图片
** star-time|20131030
** end -time|
*/
/**/
.ico-all,.ico-15,.ico-20,.ico-30,.ico-35,.ico-40,.ico-45,.ico-60,.ico-80,.ico-92,.ico-95,.ico-120{
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
}
.ico-15{ width:15px; height:15px; background-image:url(../images/i_15.png);}
.c1501-ico{ background-position:0 0px;  }
.c1502-ico{ background-position:0 -15px;}
.c1503-ico{ background-position:0 -30px;}
.c1504-ico{ background-position:0 -45px;}
.c1505-ico{ background-position:0 -61px;}
.c1506-ico{ background-position:0 -75px;}
.c1507-ico{ background-position:0 -90px;}
.c1508-ico{ background-position:0 -105px;}
.c1509-ico{ background-position:0 -120px;}
.c1510-ico{ background-position:0 -135px;}
.c1511-ico{ background-position:0 -150px;}
.c1512-ico{ background-position:0 -165px;}
.c1513-ico{ background-position:0 -180px;}
.c1514-ico{ background-position:0 -195px;}
.c1515-ico{ background-position:0 -210px;}
.c1516-ico{ background-position:0 -225px;}
.c1517-ico{ background-position:0 -240px;}
.c1518-ico{ background-position:0 -255px;}
.c1519-ico{ background-position:0 -270px;}
.c1520-ico{ background-position:0 -285px;}


.ico-20{ width:20px; height:20px;}
.c2001-ico{ background-position:0 0px;  }
.c2002-ico{ background-position:0 -20px;}
.c2003-ico{ background-position:0 -40px;}

.c2009-ico{ background-position:0 -160px;}
.c2010-ico{ background-position:0 -180px;}
.c2011-ico{ background-position:0 -200px;}
.c2012-ico{ background-position:0 -220px;}
.c2013-ico{ background-position:0 -240px;}
.c2014-ico{ background-position:0 -260px;}
.c2015-ico{ background-position:0 -280px;}
.c2016-ico{ background-position:0 -300px;}

.ico-30{ width:30px; height:30px; background-image:url(../images/icons-30.png); display:inline-block;}
.c3001-ico{ background-position:0 0px;  }
.c3002-ico{ background-position:0 -30px;}
.c3003-ico{ background-position:0 -60px;}
.c3004-ico{ background-position:0 -90px;}
.c3005-ico{ background-position:0 -120px;}


.ico_fail{ background-image:url(../images/else_img.png); width:204px; height:204px;}
.ico_success{ background-image:url(../images/success_img.png); width:204px; height:204px;}
/* 区域：
** 通用
** star-time|20131030
** end -time|
*/
.img_scale a img{
	display: block;margin: 0 auto;
    transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
}
.img_scale a:hover img{
	transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
}

/**/
.ith_img{
	/*background-image:url(../images/e0003.png);*/
    background-image: url(../images/default_user.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
	/*
    background-size: cover;
    background-color: #30c0a7;
    background-size: 40px auto;*/
	-webkit-border-radius:300px; 
	-moz-border-radius:300px; 
	border-radius:300px;
}
.ith_img span,.ith_img .bg_span{
	background-position: center center;
    background-repeat: no-repeat;
    /*background-size: 100% auto;*/
    display: block;
}
.ith_img img{
	width:100%;
	-webkit-border-radius:300px; 
	-moz-border-radius:300px; 
	border-radius:300px;
}
.ith_img .bg_span,.mr_img .bg_span{
	position:absolute; left:0px; top:0px; overflow:hidden; z-index:2; background-image:url(../images/e0003.png); background-repeat:no-repeat; background-position:center center;
}

.ith_img2{
	background-image:url(../images/default.png);
    background-color: #EEE;
    background-position: center center;
    background-repeat: no-repeat;
    display:block;
	vertical-align:middle;
    overflow: hidden;
	text-align:center;
	
}
.ith_img2 img{ display:block; margin:0 auto;}

.ith_img2 span.tr_scale{
	display: block;margin: 0 auto;
    transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;	
}
.ith_img2 span.tr_scale:hover{
	transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);	
}
.ith_img2 img{
 -webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out	
}

.ith_img3{
    /*background-image:url(../images/e0003.png);*/
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    
}

.ith_img3 span,.ith_img3 .bg_span{
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size: 100% auto;*/
    display: block;
}
.ith_img3 img{
    width:100%;
}
.usernane_img32{
    height: 32px;
    width: 32px;
	background:none;
}
.usernane_img32 img{
    height: 32px;
    width: 32px;
}
.usernane_img36{
    height: 36px;
    width: 36px;
}
.usernane_img36 img{
    height: 36px;
    width: 36px;
}
.usernane_img46{
    height: 46px;
    width: 46px;
	background-position:-70px 0;
}
.usernane_img46 img{
    height: 46px;
    width: 46px;
}
.usernane_img48{
    height: 48px;
    width: 48px;
	background-position:-70px -46px;
}
.usernane_img48 img{
    height: 48px;
    width: 48px;
}
.usernane_img60{
    height: 60px;
    width: 60px;
}
.usernane_img60 img{
    height: 60px;
    width: 60px;
}
.usernane_img65{
    height: 65px;
    width: 65px;
}
.usernane_img65 img{
    height: 65px;
    width: 65px;
}
.usernane_img70{
	background-image:url(../images/default_user_70.png);
    height: 70px;
    width: 70px;
}
.usernane_img70 img{
    height: 70px;
    width: 70px;
}
.usernane_img90{
    height: 90px;
    width: 90px;
    background-position:-61px -152px;
}
.usernane_img90 img{
    height: 90px;
    width: 90px;
}
.usernane_img120{
    height: 120px;
    width: 120px;
}
.usernane_img120 img,.usernane_img120 span{
    height: 120px;
    width: 120px;
}
.usernane_img125{
    width: 125px;
    height: 70px;
}
.usernane_img125 img{
    width: 125px;
    height: 70px;
}
.usernane_img125 .bg_span{
    width: 125px;
    height: 70px;
}
.usernane_img130{
    width: 130px;
    height: 75px;
}
.usernane_img130 img{
    width: 130px;
    height: 75px;
}
.usernane_img130 .bg_span{
    width: 130px;
    height: 75px;
}
.usernane_img135{
    width: 135px;
    height: 75px;
}
.usernane_img135 img{
    width: 135px;
    height: 75px;
}
.usernane_img135 .bg_span{
    width: 135px;
    height: 75px;
}
.usernane_img230{
    height: 130px;
    width: 230px;
}
.usernane_img230 img{
    height: 130px;
    width: 230px;
}
.usernane_img230 span{
	display:block; width:230px; height:130px; background-position:center center; background-repeat:no-repeat; background-size:cover;	
}
.usernane_img240{
    height: 135px;
    width: 240px;
}
.usernane_img240 img{
    height: 135px;
    width: 240px;
}
.usernane_img240 span{
	display:block; width:240px; height:135px; background-position:center center; background-repeat:no-repeat; background-size:cover;	
}

.usernane_img270{
    height: 150px;
    width: 270px;
}
.usernane_img270 span{
	display:block; width:270px; height:150px; background-position:center center; background-repeat:no-repeat; background-size:cover;
}
.usernane_img200{
    height: 113px;
    width: 200px;
}
.usernane_img200 img{
    height: 113px;
    width: 200px;
}
.usernane_img200 span{
	display:block; width:200px; height:113px; background-position:center center; background-repeat:no-repeat; background-size:cover;
}

/*圆角*/
.usernane_img32 .bg_span{
	background-position:-1px -1px;
	height:32px;
	width:32px;
}
.usernane_img36 .bg_span{
	background-position:0 -35px;
	height:36px;
	width:36px;
}
.usernane_img46 .bg_span{
	background-position:0 -72px;
	height:46px;
	width:46px;
}
.usernane_img48 .bg_span{
	background-position:-1px -121px;
	height:48px;
	width:48px;
}
.usernane_img60 .bg_span{
	background-position:-1px -223px;
	height:60px;
	width:60px;
}
.usernane_img65 .bg_span{
	background:none;
	height:65px;
	width:65px;
}
.usernane_img70 .bg_span{
	background-position:0 -354px;
	height:70px;
	width:70px;
}

